<template>
    <div class="app-container">
        <div style="margin: 0 auto">
            <el-row :gutter="10">
                <el-col span="12" :offset="6">
                    <div style="text-align: center;margin-bottom: 30px">
                        个人工作详情信息
                    </div>
                    <el-form :model="positioningInfo" ref="positioningInfo">
                        <el-form-item label="详细地址:" prop="address">
                            {{ positioningInfo.address }}
                        </el-form-item>
                    </el-form>
                    <el-table-column
                            prop="qrCodeImg"
                            width="80"
                            label="二维码">

                        <el-image
                                style="width: 30px; height: 30px"
                                :src="positioningInfo.qrCodeImg"
                                :preview-src-list="[positioningInfo.qrCodeImg]">
                        </el-image>
                    </el-table-column>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
import {getInPositioningVo} from "@/api/positioning";

export default {
    name: "info",
    data(){
        return{
            positioningInfo:{}
        }
    },
    created() {
        this.getInPositioningVo()
    },
    methods:{
        getInPositioningVo(){
            getInPositioningVo({ucId:this.$route.query.ucId}).then(res=>{
                this.positioningInfo = res.data
                this.$notify.success({
                    title: '成功',
                    message: "获取定位信息成功"
                })
            }).catch(error=>{
                this.$notify.error({
                    title: '失败',
                    message: error.message
                })
            })
        }
    },
}
</script>

<style
        scoped>

</style>